'use strict'
Object.defineProperty(exports, '__esModule', { value: true })
var component_1 = require('../common/component')
var utils_1 = require('../common/utils')
component_1.VantComponent({
  props: {
    text: {
      type: String,
      value: '',
      observer: function() {
        var _this = this
        wx.nextTick(function() {
          _this.init()
        })
      }
    },
    mode: {
      type: String,
      value: ''
    },
    url: {
      type: String,
      value: ''
    },
    openType: {
      type: String,
      value: 'navigate'
    },
    delay: {
      type: Number,
      value: 1
    },
    speed: {
      type: Number,
      value: 50,
      observer: function() {
        var _this = this
        wx.nextTick(function() {
          _this.init()
        })
      }
    },
    scrollable: {
      type: Boolean,
      value: true
    },
    leftIcon: {
      type: String,
      value: ''
    },
    color: String,
    backgroundColor: String,
    background: String,
    wrapable: Boolean
  },
  data: {
    show: true
  },
  created: function() {
    this.resetAnimation = wx.createAnimation({
      duration: 0,
      timingFunction: 'linear'
    })
  },
  destroyed: function() {
    this.timer && clearTimeout(this.timer)
  },
  methods: {
    init: function() {
      var _this = this
      Promise.all([
        this.getRect('.van-notice-bar__content'),
        this.getRect('.van-notice-bar__wrap')
      ]).then(function(rects) {
        var contentRect = rects[0]
        var wrapRect = rects[1]
        if (
          contentRect == null ||
          wrapRect == null ||
          !contentRect.width ||
          !wrapRect.width
        ) {
          return
        }
        var _a = _this.data
        var speed = _a.speed
        var scrollable = _a.scrollable
        var delay = _a.delay
        if (scrollable && wrapRect.width < contentRect.width) {
          var duration = (contentRect.width / speed) * 1000
          _this.wrapWidth = wrapRect.width
          _this.contentWidth = contentRect.width
          _this.duration = duration
          _this.animation = wx.createAnimation({
            duration: duration,
            timingFunction: 'linear',
            delay: delay
          })
          _this.scroll()
        }
      })
    },
    scroll: function() {
      var _this = this
      this.timer && clearTimeout(this.timer)
      this.timer = null
      this.setData({
        animationData: this.resetAnimation
          .translateX(this.wrapWidth)
          .step()
          .export()
      })
      utils_1.requestAnimationFrame(function() {
        _this.setData({
          animationData: _this.animation
            .translateX(-_this.contentWidth)
            .step()
            .export()
        })
      })
      this.timer = setTimeout(function() {
        _this.scroll()
      }, this.duration)
    },
    onClickIcon: function(event) {
      if (this.data.mode === 'closeable') {
        this.timer && clearTimeout(this.timer)
        this.timer = null
        this.setData({ show: false })
        this.$emit('close', event.detail)
      }
    },
    onClick: function(event) {
      this.$emit('click', event)
    }
  }
})
